<template>
  <a-card class="app-advice" :hoverable="true" title="经营建议">
    <a-row :gutter="20">
      <a-col :span="6">
        <h4>多人拼团</h4>
        <p>紧跟知识付费浪潮 尝鲜内容变现</p>
      </a-col>
      <a-col :span="6">
        <h4>分销精选招商</h4>
        <p>90%自媒体电商都在这里选货</p>
      </a-col>
      <a-col :span="6">
        <h4>精细化运营36计</h4>
        <p>玩转营销工具 提升运营技巧</p>
      </a-col>
      <a-col :span="6">
        <h4>微信运营智库</h4>
        <p>30+营销玩法，近百个明星案例</p>
      </a-col>
    </a-row>
  </a-card>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  setup() {},
})
</script>

<style lang="scss">
.app-advice {
  .ant-row {
    text-align: center;
  }
  .ant-col {
    padding: 25px 0;
    color: #999;
    h4 {
      color: #666;
      font-size: 20px;
    }
  }
}
</style>
